<template>
  <div>
    <p>这是一个父组件 v-model {{ num }} {{ num2 }}</p>
    <!-- <input v-model="uname" type="text"> -->
    <!-- <son :value="num" @input="val=>num=val" /> -->
    <!-- aync的用法 也是一个语法糖 等同于下面的写法 -->
    <son :aa.sync="num" :cc.sync="num2" />
  </div>
</template>

<script>
// v-model和sync的区别是
// v-model在同一个组件上只能绑定一次
// sync可以同时绑定多次
import Son from '../Son/Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      uname: 'zs',
      num: 100,
      num2: 200
    }
  }
}
</script>
